<!--The content below is only a placeholder and can be replaced.-->
<div style="text-align:center">
  <h1>
    Welcome to {{ title }}!
  </h1>
  <!-- <img width="300" alt="Angular Logo" src="">
  <h2>字符串变量的显示:{{textvalue}}</h2>
  <h2>数字型变量的显示:{{numbervalue}}</h2>  -->


</div>

<div style="text-align:center">
  <label>学号:</label>
  <input type="text" [(ngModel)]="studentvo.xh" />

  <label>姓名:</label>
  <input type="text" [(ngModel)]="studentvo.xm" />

  <label>身份证号:</label>

  <input type="text" [(ngModel)]="studentvo.sfzh"/>

  <button (click)="add()">保存</button>
</div>


<div style="text-align:center">

  <table border="2">
    <tr>
      <th>主键</th>
      <th>学号</th>
      <th>姓名</th>
      <th>性别</th>
      <th>出生日期</th>
      <th>籍贯</th>
      <th>操作</th>
    </tr>

    <tr *ngFor="let s of sl" >
      <td>{{s.studentid}}</td>
      <td>{{s.stunum}}</td>
      <td>{{s.name}}</td>
      <td>{{s.sex}}</td>
      <td>{{s.birthday | date:"yyyy-MM-dd"}}</td>
      <td>{{s.nativeplace}}</td>
      <button (click)="getToUpdateStudent(s.studentid)">修改</button>
      <button (click)="delteStudent(s.studentid)">删除</button>
    </tr>
  </table>
</div>


